<template>
<div class="h5-channel-add views-container">
<div class="wlm-form">
     <div class="wlm-form-notice warning">
       <p>开通H5渠道，开通你需要的商城</p>
     </div>
     <div class="flex-row" style="padding:10px 20px 50px;">
       <div class="wlm-form-content">
         <el-form :ref="formFormatData.key" :model="formFormatData.formData" :rules="formFormatData.rules" size="small" label-width="140px" class="retail-form" label-position="right">
           <el-form-item label="H5名称" prop="username">
             <el-input v-model="formFormatData.formData.publicnumbername"></el-input>
           </el-form-item>
           <el-form-item label="开通状态" prop="password">
             <el-radio-group v-model="formFormatData.formData.switch">
               <el-radio :label="1">开通</el-radio>
               <el-radio :label="0">关闭</el-radio>
             </el-radio-group>
           </el-form-item>
           <el-form-item label="H5网址" prop="repassword">
             <el-input v-model="formFormatData.formData.website"></el-input>
           </el-form-item>
         </el-form>
       </div>
     </div>
   </div>
   <div v-cloak class="wlm-fixed-btn flex-row flex-align-c flex-justify-c">
     <el-button size="small" @click="formFormatSubmit({ router: { type: 'replace', path: '/channel/h5Channel', code: 1 }})" type="primary">保存</el-button>
   </div>
 </div>
 </template>

<script>
import {
  wxappIndex
} from '@/api/channel'
import mixins from '@/mixins/mixins'
export default {
  mixins: [mixins.getters('Form')],
  name: 'H5ChannelAdd',
  components: {

  },
  directives: {

  },
  data() {
    return {
      radio: '1',
      formFormatData: {
        key: 'userForm',
        api: {
          editForm: {},
          submitForm: wxappIndex
        },
        formData: {
          publicnumbername: '',
          'switch': 1,
          website: '',
          key: '3'
        },
        rules: {

        }
      }
    }
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>
.h5-channel-add {}
</style>
